TVOS (策略)
/Untitled.png)
/Untitled 1.png)
/Untitled 2.png)
/Untitled 3.png)
/Untitled 4.png)
產品設計理念:內容優先
- Better Ways to Browse- 主要標題,表示尋找更好的瀏覽方式。
- Simplify Interactions- 簡化互動,減少使用者操作的複雜性。
- Create Hierarchy- 建立層次結構,使資訊組織更清晰。
- Avoid Overstimulation- 避免過度刺激,防止使用者感到資訊過載。
- Use Chevrons- 使用尖頭符號(如箭頭)來指示導航方向或下一步操作。
- Diversify the UI- 多樣化使用者介面,使介面更加豐富和有趣。
- Remove Barriers- 移除障礙,降低使用者訪問資訊的難度。
- Speed and Pacing- 控制速度和節奏,使資訊傳遞更加流暢。
- Show Metadata- 顯示後設資料,提供更多上下文資訊。
- Use Pagination- 使用分頁功能,防止頁面過長。
/Untitled 5.png)
/Untitled 6.png)
消除進入障礙
A 互動且沉浸式的頂級推薦設計(Top Shelf)。
/Untitled 7.png)
B 預告片在開始時無聲播放,之後使用者可以選擇是否開啟音訊。
C 內容佔據整個螢幕,減少使用者互動的步驟。
/Untitled 8.png)
簡化互動
A 透過減少遙控器的點選和滑動來降低使用者的認知負擔。
B 借鑑熟悉的互動方式:借鑑了 Apple TV 應用中的一些熟悉的互動方式,使使用者在新的環境中也能輕鬆上手。
響應迅速和動態的使用者介面
A 消除延遲和滯後,創造流暢的使用者體驗。
B 避免過度視覺刺激,保持介面簡潔、聚焦。避免了過多的動畫、圖示、影象和文字樣式的使用,使使用者能夠專注於核心內容。
/Untitled 9.png)
打個比方如果你在一個空間中聽到很多比較大的聲音,會覺得很吵鬧,也根本聽不清在說什麼。視覺也一樣。
/Untitled 10.png)
/Untitled 11.png)
/Untitled 12.png)
多樣化的內容展示
打破網格佈局:透過多樣的形狀和縱橫比打破傳統的網格佈局,創造更加有趣和吸引人的視覺效果。在標準的 16:9 內容行中間插入不同型別的模組,突出顯示重要內容,併為使用者提供視覺上的停頓。
/Untitled 13.png)
提供視覺休息點:在密集的內容行中插入一些視覺上的休息點,可以讓使用者在瀏覽時有片刻的放鬆,這種設計有助於減輕視覺疲勞,提高使用者的瀏覽體驗。
/Untitled 14.png)
/Untitled 15.png)
後設資料和導航
A 易於訪問的後設資料:在內容優先的體驗中,後設資料雖然是次要的,但同樣重要。使用者可以選擇何時訪問這些資訊,從而增強了他們的參與感和控制感。例如,使用者在全屏體驗中可以透過長按遙控器或點選來呼叫後設資料,這樣的設計簡化了使用者從瀏覽到觀看的過程。後設資料(Meta Data)是指影片標題、簡潔、導演資訊等。
B 分頁點和箭頭提供位置感和方向感。不僅指示當前內容的位置,還提示使用者可以透過滑動瀏覽其他內容。這些導航提示幫助使用者在介面中找到方向,避免迷失或困惑。
/Untitled 16.png)
C 應用程式可以完全控制這些鍵值資料,例如主演和導演資訊。記住在填充這些欄位時,要根據內容數量進行本地化和複數處理。
/Untitled 17.png)
tvOSTop Shelf 體驗
A 沉浸式體驗:當使用者向上滑動進入全屏模式時,使用者介面會自動隱藏,讓使用者可以完全專注於正在播放的內容。
B 避免過多選擇:在 Top Shelf 中內容過多會增加噪音和混亂,理想的數量是5到10個專案。
C 解析度:全屏顯示的影象應為 1920 x 1080 畫素,併為1080p裝置提供1x解析度影象,為4K裝置提供2x解析度影象。
/Untitled 18.png)
/Untitled 19.png)
/Untitled 20.png)
D 適當的影片長度:Carousel 中的影片預覽時間應為2到5分鐘,且建議包含音訊,但音訊只在使用者明確操作時播放。